<template>
  <div id="hd">
    <div class="hd-List">
      <ul>
        <li>
          <img
            src="https://img1.doubanio.com/pview/event_poster/large/public/d7673d444438cd9.jpg"
            alt=""
          />
          <a href="##">我是图片</a>
        </li>
        <li>
          <img
            src="https://img1.doubanio.com/pview/event_poster/large/public/d7673d444438cd9.jpg"
            alt=""
          />
          <a href="##">我是图片</a>
        </li>
        <li>
          <img
            src="https://img1.doubanio.com/pview/event_poster/large/public/d7673d444438cd9.jpg"
            alt=""
          />
          <a href="##">我是图片</a>
        </li>
        <li>
          <img
            src="https://img1.doubanio.com/pview/event_poster/large/public/d7673d444438cd9.jpg"
            alt=""
          />
          <a href="##">我是图片</a>
        </li>
        <li>
          <img
            src="https://img1.doubanio.com/pview/event_poster/large/public/d7673d444438cd9.jpg"
            alt=""
          />
          <a href="##">我是图片</a>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "Banners",
};
</script>

<style lang="less" rel="stylesheet/less" scoped>
//  轮播图列表
#hd {
  width: 1040px;
  margin: 0 auto;
  .hd-List {
    width: 675px;
    height: 220px;
    ul {
      display: flex;
      text-align: center;
      justify-content: space-between;
    }
    img {
      width: 115px;
      height: 161px;
    }
    a {
      display: block;
    }
  }
}
</style>
